<template>
  <div class="history-class">
    <a class="history-img">
      <img :src="ihistory.img" class="history-tag-img historyImg">
    </a>
    <div class="history-desc">
      <a v-html="ihistory.title"/><br>
      <span>{{ihistory.subtitle.trim()}}</span>
      <p>{{ihistory.save_time}}</p>
    </div>
  </div>
</template>
<script>
export default {
  props: {
    ihistory: Object
  }
}
</script>
<style rel="stylesheet/less" lang="less">
@import '../../../style/color.less';
@import "../../../style/base";
.history-class{
  padding: 20px;
  border-top: 1px dashed @line;
  width: 900px;
  margin: 30px auto;
  font-size: 15px;
  .history-img{
    width: 60px;
    height: 90px;
    overflow: hidden;
    display: inline-block;
    .history-tag-img{
      width: 60px;
    }
  }
  .history-desc{
    display: inline-block;
    vertical-align: top;
  }
}
</style>
